<div id="slider_0_hidden" style="display: none;">

            <div style="background:url('/files/slider/radial_grad.png') center bottom no-repeat scroll rgb(0,51,141)" class="slide-bg transition" cssfrom="opacity:0" cssto="opacity:0.06"></div>
            <div class="limit-wrapper html-slide-1 ">
                <div class="table">
                    <div class="cell column-1">
                        <div duration="1000" delay="0" easing="easeInOutSine" cssfrom="opacity:0;top: 100px" style="opacity:1;top: 0;" class="transition h1 scale-font">Premium</div>
                        <div duration="1000" delay="1000" easing="easeInOutSine" cssfrom="opacity:0;top: -60px" style="opacity:1;top: 0;" class="transition h2 scale-font">UNIQUE SINTIA SLIDER</div>
                        <div duration="1000" delay="2000" easing="easeInOutSine" cssfrom="opacity:0;top: 200px" style="opacity:1;top: 0;" class="transition h3 scale-font">
                            <a class="button medium accent2 scale-font">Learn More</a>
                        </div>
                    </div>
                    <div class="cell column-2">
                        <img src="{$smarty.const.THEME_RELATIVE}images/slide1.png" class="transition" style="top:0; opacity:1;" duration="800" delay="2000" easing="easeInOutSine" cssfrom="opacity:0;top:20px">
                    </div>
                    <div class="cell column-3">

                        <img src="{$smarty.const.THEME_RELATIVE}images/women1.png" class="transition" style="bottom:0; opacity: 1;" duration="3000" delay="1000" easing="easeInOutSine" cssfrom="opacity:0;bottom:-500px">
                    </div>
                </div>

                <img duration="1000" delay="1000" easing="easeInOutSine" cssfrom="bottom:-100%;" style="bottom:0;" class="transition img-add-2" src="{$smarty.const.THEME_RELATIVE}images/tree_small.png"></div>

            <div id="slider_1_hidden" style="display: none;">
                <div style="background:url('/files/slider/radial_grad.png') center bottom no-repeat scroll #603" class="slide-bg transition" cssfrom="opacity:0" cssto="opacity:0.44"></div>
                <div class="limit-wrapper html-slide-2 ">
                    <div class="table">
                        <div class="cell column-1">
                            <div class="row h1 transition scale-font" easing="easeInOutQuad" duration="800" delay="800" style="opacity:1;top:0; left:0" cssfrom="opacity:0;top:-200px;left:-200px;">20+</div>
                            <div class="row h2 transition scale-font" easing="easeInOutQuad" duration="800" delay="1500" style="opacity:1;top:0; left:0" cssfrom="opacity:0;left:-300px;">VIDEO TUTORIALS</div>
                            <div class="row h3 transition scale-font" easing="easeInOutQuad" duration="800" delay="2000" style="opacity:1;top:0; left:0" cssfrom="opacity:0;top:200px;left:-200px;">Help Desk with one on one email and ticket support and dedicated support staff ready to assist you. We create unique simple to use themes.</div>
                        </div>
                        <div class="cell column-2">
                            <img src="{$smarty.const.THEME_RELATIVE}images/tree.png" class="transition tree1" easing="easeInOutBack" duration="2000" delay="1200" style="opacity:1;bottom:0;" cssfrom="opacity:0;bottom:-120px">
                            <img src="{$smarty.const.THEME_RELATIVE}images/tree.png" class="transition tree2" easing="easeInOutBack" duration="2000" delay="1900" style="opacity:1;bottom:0;" cssfrom="opacity:0;bottom:-120px">
                        </div>
                        <div class="cell column-3 transition" duration="1000" delay="1000" cssfrom="opacity:0" style="opacity:1"><div class="video_frame clearfix">
                                <iframe width="500" height="281" frameborder="0" style="border:0"></iframe>
                            </div></div>
                    </div>
                </div>
            </div>
            <div id="slider_2_hidden" style="display: none;">
                <div style="background:url('/files/slider/radial_grad.png') center bottom no-repeat scroll #008311" class="slide-bg transition" cssfrom="opacity:0" cssto="opacity:0.23"></div>
                <div class="limit-wrapper html-slide-2 contact-form-slide">
                    <div class="table">
                        <div class="cell column-1">
                            <div class="row h1 transition scale-font" easing="easeInOutQuad" duration="800" delay="800" style="opacity:1;top:0; left:0" cssfrom="opacity:0;top:-200px;left:-200px;">Get a</div>
                            <div class="row h2 transition scale-font" easing="easeInOutQuad" duration="800" delay="1500" style="opacity:1;top:0; left:0" cssfrom="opacity:0;left:-300px;">RISK FREE QUOTE.</div>
                            <div class="row h3 transition scale-font" easing="easeInOutQuad" duration="800" delay="2000" style="opacity:1;top:0; left:0" cssfrom="opacity:0;top:200px;left:-200px;">* We hate spam and we will never share your info with anyone else -guaranteed.</div>
                        </div>
                        <div class="cell column-2">
                            <img src="{$smarty.const.THEME_RELATIVE}images/tree_tall_big.png" class="transition tree1" easing="easeInOutBack" duration="2000" delay="1200" style="opacity:1;bottom:0;" cssfrom="opacity:0;bottom:-120px">
                        </div>
                        <div class="cell column-3 transition" duration="1000" delay="1000" cssfrom="opacity:0" style="opacity:1"><div class="wpcf7" id="wpcf7-f12690-p13452-o2"><form action="/#wpcf7-f12690-p13452-o2" method="post" class="wpcf7-form">
                                    <div style="display: none;">
                                        <input type="hidden" name="_wpcf7" value="12690">
                                        <input type="hidden" name="_wpcf7_version" value="3.3">
                                        <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f12690-p13452-o2">
                                        <input type="hidden" name="_wpnonce" value="b87149f5e7">
                                    </div>
                                    <div class="form-label">
                                        <img src="{$smarty.const.THEME_RELATIVE}images/tree_tall_small.png" width="48" height="92" class="transition" style="position:absolute;  bottom:-19px; left: -12px; opacity:1" duration="800" delay="1200" easing="easeInOutSine" cssfrom="bottom:100px; opacity: 0">
                                        <label class="transition scale-font" easing="easeInOutQuad" duration="800" delay="1600" style="opacity:1;top:0" cssfrom="opacity:0;top:-200px;">SIGN UP AND<br>WE'LL CONTACT YOU AT YOUR EARLIEST CONVINIENCE.</label>
                                    </div>
                                    <div class="transition" easing="easeInOutQuad" style="opacity:1;width:100%;overflow:hidden" cssfrom="opacity:0;width:0" duration="800" delay="200">
                                        <div class="form-row"><span class="wpcf7-form-control-wrap text-76"><input type="text" name="text-76" value="" class="wpcf7-form-control wpcf7-text first-in-row scale-font wpcf7-use-title-as-watermark" size="40" title="First name"></span><span class="wpcf7-form-control-wrap text-83"><input type="text" name="text-83" value="" class="wpcf7-form-control wpcf7-text last-in-row scale-font wpcf7-use-title-as-watermark" size="40" title="Last name"></span></div>
                                        <div class="form-row"><span class="wpcf7-form-control-wrap email-247"><input type="text" name="email-247" value="" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-email scale-font wpcf7-use-title-as-watermark" size="40" title="Email address"></span></div>
                                    </div>
                                    <div class="form-row transition" easing="easeInOutQuad" duration="1800" delay="200" style="opacity:1;top:0;position:relative;" cssfrom="opacity:0;top:500px"><input type="submit" value="Sign up! " class="wpcf7-form-control  wpcf7-submit button scale-font"></div>
                                    <div class="wpcf7-response-output wpcf7-display-none"></div></form></div></div>
                    </div>
                </div>

            </div>


            <div id="slider_3_hidden" style="display: none;">
                <div style="background:url(/files/slider/big_photo_3.jpg) center bottom no-repeat scroll #753D56" class="slide-bg transition" cssfrom="opacity:0" cssto="opacity:1"></div>
                <div class="limit-wrapper html-slide-1 ">
                    <div class="table">
                        <div class="cell column-1">
                            <div duration="1000" delay="0"    easing="easeInOutSine" cssfrom="opacity:0;top: 100px" style="opacity:1;top: 0;" class="transition h1 scale-font">Children</div>
                            <div duration="1000" delay="1000" easing="easeInOutSine" cssfrom="opacity:0;top: -60px" style="opacity:1;top: 0;" class="transition h2 scale-font">IN THE KITCHEN</div>
                            <div duration="1000" delay="2000" easing="easeInOutSine" cssfrom="opacity:0;top: 200px" style="opacity:1;top: 0;" class="transition h3 scale-font">
                                <a class="button medium accent2 scale-font">Learn More.</a>
                            </div>
                        </div>
                        <div class="cell column-2">
                        </div>
                        <div class="cell column-3">
                        </div>
                    </div>
                </div>

            </div>
            <div id="slider_4_hidden" style="display: none;">
                <div style="background:url(/files/slider/big_photo_1.jpg) center bottom no-repeat scroll rgb(144, 82, 78)" class="slide-bg transition" cssfrom="opacity:0" cssto="opacity:1"></div>
                <div class="limit-wrapper html-slide-1 zoom-small-image">
                    <div class="table">
                        <div class="cell column-1">
                            <div duration="1000" delay="0"    easing="easeInOutSine" cssfrom="opacity:0;top: 100px" style="opacity:1;top: 0;" class="transition h1 scale-font">NYC</div>
                            <div duration="1000" delay="1000" easing="easeInOutSine" cssfrom="opacity:0;top: -60px" style="opacity:1;top: 0;" class="transition h2 scale-font">HELMET INSPIREd BY NYC</div>
                            <div duration="1000" delay="2000" easing="easeInOutSine" cssfrom="opacity:0;top: 200px" style="opacity:1;top: 0;" class="transition h3 scale-font">
                                <a class="button medium accent2 scale-font">Learn More</a>
                            </div>
                        </div>
                        <div class="cell column-2">
                            <img src="{$smarty.const.THEME_RELATIVE}images/slide2_1.png" class="transition" style="top:0; opacity:1;" duration="800" delay="2000" easing="easeInOutSine" cssfrom="opacity:0;top:20px" />
                        </div>
                        <div class="cell column-3">

                            <img src="{$smarty.const.THEME_RELATIVE}images/women_and_lamp.png" class="transition" style="bottom:0; opacity: 1;" duration="3000" delay="1000" easing="easeInOutSine" cssfrom="opacity:0;bottom:-500px" />
                        </div>
                    </div>
                </div>

            </div>
            <div id="slider_5_hidden" style="display: none;">
                <div style="background:url(/files/slider/big_photo_2.jpg) center bottom no-repeat scroll #CFB05D" class="slide-bg transition" cssfrom="opacity:0" cssto="opacity:1"></div>
                <div class="limit-wrapper html-slide-1 ">
                    <div class="table">
                        <div class="cell column-1">
                            <div duration="1000" delay="0"    easing="easeInOutSine" cssfrom="opacity:0;top: 100px" style="opacity:1;top: 0;" class="transition h1 scale-font">Melba!</div>
                            <div duration="1000" delay="1000" easing="easeInOutSine" cssfrom="opacity:0;top: -60px" style="opacity:1;top: 0;" class="transition h2 scale-font">WITH MILLIONS OF COLORS</div>
                            <div duration="1000" delay="2000" easing="easeInOutSine" cssfrom="opacity:0;top: 200px" style="opacity:1;top: 0;" class="transition h3 scale-font">
                                <a class="button medium accent2 scale-font">Learn More.</a>
                            </div>
                        </div>
                        <div class="cell column-2">
                        </div>
                        <div class="cell column-3">
                        </div>
                    </div>
                </div>

            </div>
{if $in_admin_mode == 1}
<div class="abbannermodule" style="width: {$config->mwidth}px; height: {$config->mheight}px;">
    <ul class="default">
        <li class="manage"><a class="tip" title="Resource Management" href="{link action=list module=abbannermodule}">{$_TR.re_manage}</a></li>
        <li class="configure"><a class="tip" title="Configure this module"  href="{link action=configure _common=1}">{$_TR.config}</a></li>
    </ul>
</div>
{/if}